<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
</head>

<body>

  <div id="ex4" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
    Найдем в этом тексте слово "бабуля" и подсветим его синим фоном
  </div>
  <div>
    <input onclick="ieTextRangeHighlight('бабуля'); this.style.display = 'none';" type="button" value="Найти!">
  </div>
  <script>
    function ieTextRangeHighlight(text) {
      var root = document.getElementById('ex4');
      var content = root.firstChild.nodeValue;
      if (~content.indexOf(text)) {
        if (document.body.createTextRange) {
          var rng = document.body.createTextRange();
          rng.moveToElementText(root);
          if (rng.findText(text))
            rng.pasteHTML('<span style="background:blue;">' + text + '</span>');
        } else
          alert('Вероятно, у вас не IE, смотрите реализацию Range выше');
      } else
        alert('Совпадений не найдено');
    }
  </script>

</body>

</html>